<%= render_component_tag class: "flex items-center text-xs font-mono space-x-1 transition",
  "x-bind:class":"{'!opacity-100': resizing}",
  "x-on:viewport:resize-start.window": "resizing = true",
  "x-on:viewport:resize-complete.window": "resizing = false",
  "x-on:dom:update-start.window": "tearDown",
  "x-on:dom:update-complete.window": "createObserver",
  "x-show": "target" do %>
    <span x-text="`${width}px`"></span>
    <span class="opacity-70">x</span>
    <span x-text="`${height}px`"></span>
<% end %>
